    .g-content {
        width: 979px;
        height: 457px;
        margin-top: 50px;
        margin-bottom: 40px;
    }
    .g-content .g-content-left {
        float: left;
        width: 326px;
        height: 454px;
        border: 1px solid #e7e7e7;
    }
    .g-content-left h2 {
        width: 325px;
        height: 70px;
        line-height: 70px;
        text-align: center;
    }
    .g-content-left h2 b {
        font-size: 22px;
    }
    .g-content-left h2 em {
        font-size: 16px;
    }
    a:hover {
        color: #666;
    }
    .g-content-left .g-content-left-ul {
        width: 325px;
        height: 140px;
    }
    .g-content-left .g-content-left-ul ul {
        width: 290px;
        margin: 0 auto;
    }
    .g-content-left .g-content-left-ul ul li {
        font-size: 14px;
        height: 27px;
        line-height: 27px;
    }
    .g-content-left .gbtn {
        width: 142px;
        height: 68px;
        margin: 0 auto;
    }
    .g-content-left .gbtn em {
        display: block;
        width: 142px;
        height: 20px;
        font-size: 12px;
        text-align: center;
    }
    .g-content-left .gbtn a {
        display: block;
        width: 126px;
        height: 30px;
        background: url(../images/down_btn_126x30.png) no-repeat 0 0 ;
        margin: 0 auto;
        position: absolute;

    }
    .gbtn a:hover {
        background: url(../images/down_btn_126x30.png) no-repeat bottom right;
    }
    .g-content-left .gbtn img {
        margin-left: 40px;
        padding-top: 7px;
    }
    .g-content-left .gbtn span {
        font-size: 14px;
        color: white;
        margin-top: -2px;
        position: relative;
        top: -1px;
        left: 0px;
    }
    .g-content-center {
        float: left;
        width: 326px;
        height: 454px;
        border: 1px solid #e7e7e7;
        margin-left: -1px;
    }
    .g-content-center h2 a:hover {
        color: #666;
    }

    .g-content-center h2 {
        width: 325px;
        height: 70px;
        line-height: 70px;
        margin-left: 3px;
    }
    .g-content-center h2 b {
        font-size: 22px;
    }
    .g-content-center h2 em {
        position: relative;
    }
    .g-content-center h2 em span {
        font-size: 14px;
    }
    .g-content-center h2 em .img1 {
        position: absolute;
        left: 84px;
        top: -13px;
    }
    .g-content-center .gbtn-down {
        width: 126px;
        height: 90px;
        background-color: #12B7F5;
        margin: -20px 8px 0 8px;
        padding-top: 20px;
        border-radius: 12px;
    }
    .g-content-center .gbtn-down a {
        text-align: center;
        font-size: 12px;
        color: white;
        line-height: 30px;
    }
    body{
        color: #666;
    }
    .g-content-center h2 em .img2 {
        position: absolute;
        left: 190px;
        top: -13px;
    }
    .g-content-center .g-content-center-ul {
        width: 325px;
        height: 140px;
    }
    .g-content-center .g-content-center-ul ul {
        width: 290px;
        margin: 0 auto;
    }
    .g-content-center .g-content-center-ul ul li {
        font-size: 14px;
        height: 27px;
        line-height: 27px;
    }
    .g-content-center .gbtn {
        float: left;
        width: 142px;
        height: 68px;
        margin-left: 15px;
        
    }
    .g-content-center .gbtn em {
        display: block;
        width: 142px;
        height: 20px;
        font-size: 12px;
        text-align: center;
    }
    .g-content-center .gbtn a {
        display: block;
        width: 126px;
        height: 30px;
        background-image: url(../images/down_btn_126x30.png);
        margin: 0 auto;
        position: relative;

    }
    .g-content-center .gbtn img {
        margin-left: 40px;
        padding-top: 7px;
    }
    .g-content-center .gbtn span {
        font-size: 14px;
        color: white;
        margin-top: -2px;
        position: absolute;
        top: 9px;
        left: 60px;
    }

    .g-content-right {
        float: left;
        width: 323px;
        height: 454px;
        border: 1px solid #e7e7e7;
        margin-left: -1px;
        overflow: hidden;
    }
    .g-content-right h2 a:hover {
        color: #666;
    }

    .g-content-right h2 {
        width: 300px;
        height: 70px;
        line-height: 70px;
        margin-left: 23px;
    }
    .g-content-right h2 b {
        font-size: 22px;
    }
    .g-content-right h2 em {
        position: relative;
    }
    .g-content-right h2 em span {
        font-size: 14px;
    }
    .g-content-right h2 em .img1 {
        position: absolute;
        left: 72px;
        top: -13px;
    }

    .g-content-right .g-content-right-ul {
        width: 325px;
        height: 140px;
    }
    .g-content-right .g-content-right-ul ul {
        width: 290px;
        margin: 0 auto;
    }
    .g-content-right .g-content-right-ul ul li {
        font-size: 14px;
        height: 27px;
        line-height: 27px;
    }
    .g-content-right .gbtn {
        float: left;
        width: 142px;
        height: 68px;
        margin-left: 15px;

    }
    .g-content-right .gbtn em {
        display: block;
        width: 142px;
        height: 20px;
        font-size: 12px;
        text-align: center;
    }
    .g-content-right .gbtn a {
        display: block;
        width: 126px;
        height: 30px;
        background-image: url(../images/down_btn_126x30.png);
        margin: 0 auto;
        position: relative;
    }
    .g-content-right .gbtn img {
        margin-left: 40px;
        padding-top: 7px;
    }
    .g-content-right .gbtn span {
        font-size: 14px;
        color: white;
        position: absolute;
        top: 7px;
        left: 60px;

    }
    .g-other .g-other-top {
        width: 980px;
        height: 37px;
        font-size: 18px;
        line-height: 19px;
    }



    .g-other .g-other-bottom li {
        width: 489px;
        height: 98px;
        border: 1px solid #e7e7e7;
        margin-bottom: -1px;
        margin-left: -1px;
        float: left;
    }

    .g-other-bottom .prolist-ios {
        display: block;
        background: url(../images/mac_icon.png) no-repeat 30px center;
        height: 68px;
        width: 252px;
        padding: 29px 0 0 97px;
        
    }
    .g-other-bottom .prolist-ios h2 {
        font-size: 17px;
    }
    .g-other-bottom .prolist-ios em {
        font-size: 12px;
    }
    .g-other-bottom .prolist-ios p{
        font-size: 14px;
    }
    .g-other-bottom .prolist-ios-right {
        float: right;
        width: 78px;
        height: 31px;
        margin: 34px 20px 0 0 ;
        background: url(../images/down_btn.png) no-repeat 0 0;
        color: white;
        font-size: 14px;
        text-align: center;
        line-height: 31px;
    }
    .prolist-ios-bottom a:hover {
        background: url(../images/down_btn.png) no-repeat bottom right;
    }



    .g-other-bottom .prolist-qq {
        display: block;
        background: url(../images/logo.png) no-repeat 30px center;
        height: 68px;
        width: 252px;
        padding: 29px 0 0 97px;

    }
    .g-other-bottom .prolist-qq h2 {
        font-size: 17px;
    }
    .g-other-bottom .prolist-qq em {
        font-size: 12px;
    }
    .g-other-bottom .prolist-qq p{
        font-size: 14px;
    }
    .g-other-bottom .prolist-qq-right {
        float: right;
        width: 78px;
        height: 31px;
        margin: 34px 20px 0 0 ;
        background: url(../images/down_btn.png) no-repeat 0 0;
        color: white;
        font-size: 14px;
        text-align: center;
        line-height: 31px;
    }
    .prolist-qq-bottom a:hover {
        background: url(../images/down_btn.png) no-repeat bottom right;
    }


    .g-other-bottom .prolist-and {
        display: block;
        background: url(../images/and_icon.png) no-repeat 30px center;
        height: 68px;
        width: 252px;
        padding: 29px 0 0 97px;

    }
    .g-other-bottom .prolist-and h2 {
        font-size: 17px;
    }
    .g-other-bottom .prolist-and em {
        font-size: 12px;
    }
    .g-other-bottom .prolist-and p{
        font-size: 14px;
    }
    .g-other-bottom .prolist-and-right {
        float: right;
        width: 78px;
        height: 31px;
        margin: 34px 20px 0 0 ;
        background: url(../images/down_btn.png) no-repeat 0 0;
        color: white;
        font-size: 14px;
        text-align: center;
        line-height: 31px;
    }
    .prolist-and-bottom a:hover {
        background: url(../images/down_btn.png) no-repeat bottom right;
    }
    .g-other-bottom {
        margin-bottom: 40px;
    }

    .g-other-bottom .prolist-wp {
        display: block;
        background: url(../images/wp_icon.png) no-repeat 30px center;
        height: 68px;
        width: 252px;
        padding: 29px 0 0 97px;

    }
    .g-other-bottom .prolist-wp h2 {
        font-size: 17px;
    }
    .g-other-bottom .prolist-wp em {
        font-size: 12px;
    }
    .g-other-bottom .prolist-wp p{
        font-size: 14px;
    }
    .g-other-bottom .prolist-wp-right {
        float: right;
        width: 78px;
        height: 31px;
        margin: 34px 20px 0 0 ;
        background: url(../images/down_btn.png) no-repeat 0 0;
        color: white;
        font-size: 14px;
        text-align: center;
        line-height: 31px;
    }
    .prolist-wp-bottom a:hover {
        background: url(../images/down_btn.png) no-repeat bottom right;
    }

    .g-more .g-more-top {
        width: 980px;
        height: 37px;
        font-size: 18px;
        line-height: 19px;

    }
    .g-more-bottom {
        width: 980px;
        height: 117px;
        border-top: 1px solid #e7e7e7;
        padding-top: 28px;
        margin-bottom: 34px;
    }
    .g-more-bottom ul {
        width: 100%;

    }
    .g-more-bottom li {
        width: 25%;
        float: left;
        padding-bottom: 32px;

    }
    .g-more-bottom li h3 {
        float: left;
        padding-right: 77px;

    }
    .g-more-bottom li p {
        font-size: 12px;
        margin-top: 4px;
    }
    .g-more-bottom .proname {
        margin-right: -77px;
        float: left;
        width: 100%;
    }